.pList {
  margin-top: 30rpx;
  width: 688rpx;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30rpx;

  .pItem {
    margin-right: 20rpx;
    margin-bottom: 32rpx;

    .avator {
      width: 216rpx;
      height: 216rpx;
      border-radius: 20rpx;
    }

    .info {
      display: flex;
      align-items: center;
      margin-top: 8rpx;

      .sexAge {
        width: 54rpx;
        height: 24rpx;
        background: #76d5ea;
        border-radius: 64rpx;
        display: flex;
        justify-content: center;
        align-items: center;

        .sexIcon {
          width: 16rpx;
          height: 16rpx;
        }

        .age {
          font-size: 18rpx;
          font-weight: 500;
          color: #ffffff;
          margin-left: 2rpx;
        }

        &.girl {
          background: #F882B8;
        }
      }

      .name {
        margin-left: 8rpx;
        width: 146rpx;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 24rpx;
        font-weight: 500;
        color: #333333;
      }
    }

    .bInfo {
      display: flex;
      margin-top: 11rpx;

      .price {
        font-size: 24rpx;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.40);
        width: 88rpx;
      }

      .gComments {
        font-size: 24rpx;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.40);
      }
    }

    &:nth-child(3n) {
      margin-right: 0;
    }
  }
}

.sexIcon {
  width: 16rpx;
  height: 16rpx;
}